@charset "UTF-8";
@import "zless/z.less";

.reset();
html, body {
	min-height: 960px;
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	.font-fm();
}

.wrap {
	width: 640px;
	height: 100%;
	margin: 0 auto;
	background: url("../images/bj.png") top center no-repeat;
	.rel();
	overflow: hidden;
}

.logo {
	width: 241px;
	height: 270px;
	background: url("../images/logo.png") no-repeat;
	.abs();
	top: 0;
	right: 0;
}

.title {
	width: 100%;
	height: 290px;
	margin-top: 20px;
	background: url("../images/title.png") no-repeat;
}

.fudai {
	width: 100%;
	height: 580px;
	.bg("../images/fudai.png");
	.rel();
	text-align: center;
	h2 {
		text-align: center;
		font-size: 3.2rem;
		color: #fff;
		padding-top: 180px;
		.font-wn();
	}
	a {
		.d-b();
		width: 181px;
		height: 181px;
		.bg("../images/btn-cha.png");
		.bgr-no();
		position: absolute;
		top: 260px;
		left: 230px;
		z-index: 20;
	}
}

.mask {
	width: 100%;
	height: 100%;
	background: #17233a;
	opacity: .65;
	.abs();
	top: 0;
	left: 0;
	z-index: 30;
	display: none;

}
//关闭按钮公用方法
.close() {
	display: block;
	width: 61px;
	height: 61px;
	.bg("../images/close.png");
	.bgr-no();
	.abs();
	top: -30px;
	right: -30px;
}
.eject-no {
	width: 500px;
	height: 266px;
	background: #fff;
	border-radius: 8px;
	position: absolute;
	z-index: 40;
	text-align: center;
	display: none;
	-webkit-animation: bounceIn .5s linear;
	h2 {
		font-size: 3.6rem;
		color: #f36f20;
		margin-top: 80px;
		.font-wn();
	}
	span {
		display: block;
		font-size: 2.4rem;
		color: #f36f20;
		margin-top: 50px;
	}
	.close{
		.close();
	}

}


.eject-draw {
	width: 500px;
	height: 410px;
	background: #fff;
	border-radius: 8px;
	text-align: center;
	z-index: 40;
	.abs();
	font-size: 3.7rem;
	color: #f36f20;
	margin-top: 55px;
	-webkit-animation: bounceIn .5s linear;
	display: none;
	h3 {
		font-size: 3.7rem;
		margin-top: 35px;
		.font-wn();
	}
	h2 {
		font-size: 5rem;
		margin-top: 5px;
		.font-wn();
	}
	#draw-xinxi {
		margin-top: 35px;
		margin-bottom: 5px;
	}
	p {
		font-size: 2.5rem;
	}
	.close{
		.close();
	}
	.btn-draw{
		font-size: 3rem;
		display: block;
		width: 398px;
		height: 86px;
		line-height: 86px;
		background: #f36f20;
		border-radius: 8px;
		color: #fff;
		margin:  20px auto 0;
	}
}

.btn {
	width: 100%;
	line-height: 80px;
	.rel();
	a {
		display: block;
		width: 250px;
		height: 80px;
		background: #f36e20;
		color: #fff;
		font-size: 3.6rem;
		border-radius: 8px;
		text-align: center;
		z-index: 20;
	}
	#btn-hd {
		.abs();
		top: -85px;
		left: 28px;
	}
	#btn-hd:active {
		background: #f0600c;
	}
	#btn-zj {
		.abs();
		top: -85px;
		right: 38px;
	}
	#btn-zj:active {
		background: #f0600c;
	}
}

.piaocai {
	width: 100%;
	height: 100%;
	.abs();
	top: 0;
	left: 0;
	background: url("../images/piaocai.png") top center;
	.bgr-no();
	background-size: 640px 880px;
}

footer {
	width: 100%;
	height: 50px;
	position: absolute;
	left: 0;
	bottom: 0;
	.bg("../images/footer.png");
	.bgr-no();
}
.drwa-name{
	width: 100%;
	height: 164px;
	.bg("../images/drwa-name.png");
	.bgr-no();
	margin-top: 10px;
}
.form-guolp{
	width: 100%;
	padding-top: 25px;
	section{
		width: 540px;
		height: 85px;
		border: 1px solid #949494;
		border-radius: 8px;
		background: #fff;
		line-height: 85px;
		font-size: 2.6rem;
		color: #7c7c7c;
		margin: 0 auto 20px;
		span{
			margin-left: 35px;
		}
		input{
			width: 415px;
			height: 80px;
			line-height: 80px;
			font-size: 2.6rem;
			color: #111;
		}
		#phone{
			width: 390px;
		}
	}
}
#btn-submit{
	display: block;
	width: 540px;
	text-align: center;
	line-height: 80px;
	background: #f98106;
	margin: 0 auto;
	border-radius: 8px;
	color: #fff;
	font-size: 3.2rem;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.8);
	}
	100% {
		-webkit-transform: scale(1);
	}
}